<template>
  <edu-page-tabs :tab-list="xTabs" />
</template>

<script>
import EduPageTabs from '@public/template/tabs/page_tabs.vue';
export default {
  components: {
    EduPageTabs
  },
  props: {
    tabs: {
      type: Array,
      default: () => {
        return [];
      }
    }
  },
  data() {
    return {
      defaultTabs: [
        {
          title: '通用充值',
          uri: '/finance/recharge/list',
          meta: {
            permission: 'finance.recharge.common.list'
          }
        },
        {
          title: 'IOS内购',
          uri: '/finance/recharge/ios/list',
          meta: {
            permission: 'finance.recharge.ios.list'
          }
        },
        {
          title: '充值比例',
          uri: '/finance/recharge/config',
          meta: {
            permission: 'finance.recharge.common.config'
          }
        },
        {
          title: 'IOS配置',
          uri: '/finance/recharge/ios/config',
          meta: {
            permission: 'finance.recharge.ios.config'
          }
        },
        {
          title: '充值记录',
          uri: '/finance/recharge/record',
          meta: {
            permission: 'finance.recharge.record'
          }
        }
      ]
    };
  },
  computed: {
    xTabs() {
      return [...this.defaultTabs, ...this.tabs];
    }
  }
};
</script>
